<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/page/common/taglib.jsp"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>HiShen</title>
	<link type="text/css" rel="stylesheet" href="${script}/app/css/reset.css"><%-- 重置CSS --%>
	<link type="text/css" rel="stylesheet" href="${script}/lib/bootstrap/css/bootstrap.min.css">
<%-- 	<link type="text/css" rel="stylesheet" href="${script}/lib/semantic/css/semantic.css"> --%>
	<link type="text/css" rel="stylesheet" href="${script}/app/css/layout.css">
	<link type="text/css" rel="stylesheet" href="${script}/app/css/admin.css">
	<%-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries
    	WARNING: Respond.js doesn't work if you view the page via file:// --%>
    <!--[if lt IE 9]>
		<script src="${script}/lib/bootstrap/js/html5shiv.min.js"></script>
        <script src="${script}/lib/bootstrap/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
	<div id="header" class="hs-bg">
		<nav class="navbar navbar-default navbar-inverse hs-nav" role="navigation" style="z-index: 1">
		  <div class="navbar-header">
		    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
		      <span class="sr-only">Toggle navigation</span>
		      <span class="icon-bar"></span>
		      <span class="icon-bar"></span>
		      <span class="icon-bar"></span>
		    </button>
		    <a class="navbar-brand" href="#">Hishen</a>
		  </div>
		
		  <div class="collapse navbar-collapse" id="navbar-collapse-1">
		    <ul class="nav navbar-nav">
		      <li class="active"><a href="#">选中功能1</a></li>
		      <li><a href="#">功能2</a></li>
		      <li class="dropdown">
		        <a href="#" class="dropdown-toggle" data-toggle="dropdown">功能3 <b class="caret"></b></a>
		        <ul class="dropdown-menu">
		          <li><a href="#">选项1</a></li>
		          <li><a href="#">选项2</a></li>
		          <li><a href="#">选项3</a></li>
		          <li class="divider"></li>
		          <li><a href="#">选项4</a></li>
		          <li class="divider"></li>
		          <li><a href="#">选项5</a></li>
		        </ul>
		      </li>
		    </ul>
		    <form class="navbar-form navbar-left" role="search">
		      <div class="form-group">
		        <input type="text" class="form-control" placeholder="搜索">
		      </div>
		    </form>
		    <ul class="nav navbar-nav navbar-right">
		      <li class="dropdown">
		        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> 超级用户 <b class="caret"></b></a>
		        <ul class="dropdown-menu">
		          <li><a href="#">查看个人信息</a></li>
		          <li><a href="#">查看余额</a></li>
		          <li><a href="#">修改密码</a></li>
		          <li class="divider"></li>
		          <li><a href="#"><span class="glyphicon glyphicon-log-out"></span> 注销</a></li>
		        </ul>
		      </li>
		    </ul>
		  </div><!-- /.navbar-collapse -->
		</nav>
	</div>
	<div id="menu">
		<ul id="hsmenu">
			<c:forEach var="menu" items="${menus}">
				<li class="menu-item">
					<a href="javascript:void(0)">${menu.name}</a>
					<ul>
						<c:forEach var="submenu" items="${menu.children}">
							<li class="menu-subitem"><a href="${base}${submenu.url}"> ${submenu.name}</a></li>
						</c:forEach>
					</ul>
				</li>
			</c:forEach>
		</ul>
	</div>
	<div id="main"></div>
	<script src="${script}/lib/jquery/jquery-1.10.2.min.js"></script>
	<script src="${script}/lib/bootstrap/js/bootstrap.min.js" defer="defer" async="async"></script>
	<script src="${script}/lib/jquery-validate/jquery.validate.min.js"></script>
	<script src="${script}/lib/jquery-validate/additional-methods.min.js"></script>
<%-- 	<script src="${script}/lib/semantic/javascript/semantic.js" defer="defer" async="async"></script> --%>
	<script src="${script}/app/publib.js"></script><%-- 公共函数库 --%>
	<script src="${script}/app/jquery-hishen-plus/jquery-hishen-plus.js"></script><%-- 公共函数库 --%>
	<script>
		var hsbase = "${base}";
		var hsadmin = "${admin}";
		var hsres = "${res}";
		var hsscript = "${script}";
		var hstheme = hsscript + "/site/theme";
		$("#hsmenu").hsmenu();
		$.hs.change2($("#hsmenu"), $("#main"));
		<%-- 获取ie版本号 $.hs.ie(); --%>
		$.validator.setDefaults({
// 		  debug: true,
// 		  success: "valid"
			errorClass : 'alert-danger',
// 			errorElement : 'div'
		});
	</script>
</body>
</html>